<template>
	<view class="body">
		<view class="menu bg-white">
			<u-tabs :list='tabs' :current='active' inactiveStyle='color:#999' activeStyle='color:#FF7E11'
				lineColor='#FF7E11' :scrollable='false'></u-tabs>
		</view>
		<view v-if="active==0">
			<textarea class="bg-white ww100 mt20 textarea p20" placeholder="请输入返回建议"></textarea>
			<view class="p20">
				<view class="mb40 f28">图片（选填）最多可添加4张</view>
				<u-upload></u-upload>
				<u-gap height="20"></u-gap>
				<u-button text="提交" color="#FF7E11" shape="circle"></u-button>
			</view>
		</view>
		<view v-else>
			<view class="list bg-white p20 mt20">
				<view class="item mb20 line p20" v-for="(item,index) in list" :key="index">
					<view class="f28">{{item.name}}</view>
					<view class="orange d-e-e">{{item.status}}</view>
				</view>
			</view>
			<u-loadmore :status="status" line marginTop="80"></u-loadmore>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				tabs: [{
					name: '提交意见',
				}, {
					name: '反馈记录',
				}],
				active: 1,
				status: 'nomore',
				list: [{
					name: "记录1",
					status: '已通过'
				}]
			}
		},
		methods: {

		}
	}
</script>

<style scoped lang="scss">
	.textarea {
		height: 400rpx;
	}

	::v-deep .u-upload__button {
		border: 1px dashed #999;
	}
</style>